@charset "utf-8";
/*初始化样式*/
*{margin: 0px;padding: 0px;list-style: none;font-family: "微软雅黑",STXihei,STHeiti;border: none;text-decoration: none;}
address,caption,cite,code,dfn,em,th,var,i,h1,h2,h3,h4{font-style: normal;font-weight: normal;}
ol,ul{list-style: none;}
del,ins,a{text-decoration: none;}
caption,th{text-align: left;}
input,button,textarea,select{font-size: 100%; border:none;}
i,b,span,a{display:inline-block;}
a:hover,button:hover{cursor: pointer;}
select{border: none;outline: none;appearance:none; -moz-appearance:none;-webkit-appearance:none;background: #fff url("../images/xiala.png") no-repeat right 10px center!important;}
/*常用样式*/
/*统一浏览器盒子宽度：width（盒子宽度）=内容+padding*/
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*清浮动*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
/*定位*/
.pf{position: fixed;}
.pr{position: relative;}
.pa{position: absolute;}
/*布局*/
.none{display: none;}
.block{display: block;}
.inblock{display: inline-block;}
/*浮动*/
.fl{float: left;display: inline-block;}
.fr{float: right;display: inline-block;}
/*宽度*/
.w160{width: 160px;}
.wp100{width: 100%;}
.w920{width: 920px;}
.w930{width: 930px;}
.w1200{width: 1200px;}
/*补白*/
.pl10{padding-left: 10px!important;}
.pl20{padding-left: 20px!important;}
.pr20{padding-right: 20px!important;}
.pt30{padding-top: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb70{padding-bottom: 70px!important;}
/*边距*/
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt55{margin-top: 55px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}
.mt120{margin-top: 120px!important;}
.mt130{margin-top: 130px!important;}
.mb15{margin-bottom: 15px!important;}
.ml25{margin-left: 25px!important}
.mr25{margin-right: 25px!important;}
/*背景颜色*/
.bgfff{background: #fff;}
.bgfa{background: #fafafa;}
/*边框*/
.bdnone{border: none!important;}
.bdtnone{border-top: none!important;}
.bdbnone{border-bottom: none!important;}
.bdlnone{border-left: none!important;}
.bdrnone{border-right: none!important;}
/*文本对齐*/
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
/*字体*/
.fs0{font-size: 0px;}
/*----  文本行数 ------- */
.textov1{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov3{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov4{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
.textov5{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden;-moz-box-orient: vertical;}
/*字体颜色*/
.cwhite{color: #fff!important;}
/*（图片）动画过渡时间*/
.transition5,.transitionImg5 img,.moveUp,.enlarge,.enlargeLi img{-moz-transition: all ease .5s 0s;-webkit-transition: all ease .5s 0s;cursor: pointer;transition: all ease .5s 0s;}
/*鼠标悬浮上移*/
.moveUp:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
/*（列表项图片）鼠标悬浮放大*/
.enlarge:hover,.enlargeLi li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
/*溢出隐藏*/
.hidden{overflow: hidden;}
/*内容*/
.content{width: 1200px;margin: 0 auto;}
/*.content1600{width: 1600px;margin: 0 auto;}*/
/*--------------------------- 通用样式 结束----------------------------------- */
/*--------------------------- 公共样式 开始----------------------------------- */
body { font:12px/1.5 \5b8b\4f53}
/*---- top 顶部样式 ------- */
.top{background: #efefef;line-height: 40px;height: 40px;}
.topfl,.topfr a{color: #888787;font-size: 14px;}
/*---- header 头部样式 ------- */
.headMenu{background: url(../images/headMenuBg.jpg);padding-top: 40px;}
.header{height: 80px;font-size: 14px;}
.headerLogo{width: 145px;height: 80px;}
.slogan{    width: 500px;
    height: 80px;
    letter-spacing: 1px;
    font-size: 30px;
    color: #0da0f0;
    font-weight: bold;
    margin-left: 30px;
    border-left: 2px solid #ccc;
    padding-left: 50px;}
.slogan em{    display: block;
    margin-top: 5px;
    font-size: 21px;
    color: #323232;
    font-weight: bold;}
.headerTel{width: 225px;height: 80px;background: url(../images/telBg.png) no-repeat center top;padding-top: 36px;padding-left: 35px;color: #424242;font-size: 24px;}
/*导航*/
.nav{height:70px;margin-top: 15px;}
.nav .nLi{position: relative;float: left;display: inline-block;padding: 0 21px;height: 70px;line-height: 70px;text-align: center;}
.nav .nLi:nth-of-type(1){padding-left: 0;}
.nav .nLi:nth-last-of-type(1){padding-right: 0;}
/*.nav .nLi:after{position: absolute;right: 0;top: 50%;display: inline-block;content: "";width: 5px;height: 5px;border-radius: 100%;background: #6e6e6e;margin-top: -2px;}
.nav .nLi:nth-last-of-type(1):after{display: none;}*/
.nav .nLi a{font-size: 20px;color:#333;}
.nav .nLi:hover a,.nav .current a{color: #0786fc;}
.nav .sub{position:absolute;left:0;top:70px;z-index: 9999;display: none;width: 100%;background: rgba(255,255,255,.5);text-align: center;}
.nav .sub li{zoom:1;display: inline-block;line-height: 1.8em;font-size: 16px;}
.nav .sub a{display: block;width: 100%;}
/*---------------------- 搜索框  轮播样式 --------------------------------------------*/
.search{background: #f6f6f6;height: 72px;border: 1px solid #dad9d9;}
.chanSearch{position: absolute;right: 0;top: 0;}
.hotKeywords{font-size: 14px;color: #5f5f5f;line-height: 72px;width: 50%;}
.hotKeywords a{display: inline-block;margin-right: 10px;color: #5f5f5f;}
.searchBox{display: block;border-radius: 40px;background: #fff;margin-top: 16px;overflow: hidden;border: 1px solid #cccccc;height: 40px;line-height: 40px;width: 345px;color: #b9b9b9;}
.searchText{width: 298px;height: 38px;padding: 0 20px;}
.searchBtn{background: url(../images/search.png) center center no-repeat;width: 45px;height: 17px;border-left: 1px solid #cccccc;margin-top: 10px;cursor: pointer;}/*---------------------- banner  轮播样式 --------------------------------------------*/
/*---------------------- banner  轮播样式 --------------------------------------------*/
.banner{position: relative;float: none;text-align: center;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;} 
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;} 
.rslides li:first-child {position: relative;display: block;float: left;} 
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides_tabs{position: absolute;bottom: 50px;left: 50%;z-index: 99;-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.rslides_tabs li{float: left;display: inline-block;width: 15px;height: 15px;font-size: 0;border-radius: 100%;background: #fff;margin: 0 10px;}
.rslides_tabs li.rslides_here{background: #0786fc;}
.rslides_nav{position: absolute;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);bottom: 46%;left: 0;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;width: 40px;height: 40px;border-radius: 50%;opacity: 0.5;background: transparent url(../images/arrows.png) no-repeat left top;}
.rslides_nav.prev {right: auto;background-position: left top;left: 22px;}
.rslides_nav.next {left: auto;background-position: right top;right: 22px;}
/*------------------------底部导航联系信息 修饰------------------------*/
.link{display: flex;justify-content: center;background: #0786fc;padding: 20px 0;min-height: 70px;line-height: 1.8em;overflow: hidden;}
.linkTit{display: flex;height: 100%;align-items: center;width: 115px;background: url(../images/link.png) no-repeat left center;padding-left: 30px;color: #fff;font-size: 16px;}
.linkTit:after{display: inline-block;content: "|";margin-left: 15px;}
.linkCon{width: 1085px;}
.link a{display: inline-block;color: #fff;margin-left: 20px;}
/*底部导航联系信息 修饰*/
.footer{background: #2e2e2e;color: #e0dfdf;font-size: 15px;line-height: 2.2em;}
.fotCon a{color: #d5d5d5;}
.footer a:hover,.fotNav .nLi a:hover,.fotNav .nLi .sub a:hover{color: #1463f8;}
.fotTCon{border-bottom: 1px solid #979696;padding: 50px 40px 30px 40px;}
.fotNav .nLi{float: left;width: 280px;}
.fotNav a{width: 100%;font-size: 15px;color: #e0dfdf;}
.fotNav .title{margin-bottom: 20px;font-size: 16px;color: #ffff;}
.fotNav .nLi .sub li{display: inline-block;width: 49%;}
.fotNav .fotContact{margin-left: 20px;line-height: 2em;}
.fotNav .fotContact .sub li{width: 100%;}
.fotContact .tel{background: url(../images/tel.jpg) no-repeat left center;padding-left: 45px;height: 38px;line-height: 38px;font-size: 24px;color: #e6e6e6;font-weight: bold;font-family: Arial;}
.fotTRCon{width: 150px;text-align: center;}
.fotTRCon .ewm{width: 150px;}
.fotBCon{padding: 30px 0;text-align: center;}
/*------------------------当前位置------------------------*/
.location{height: 75px;line-height: 75px;background: #f6f6f6;font-size: 16px;color: #5a5a5a;text-align: left;border-bottom: 1px solid #dad9d9;}
.location a{color: #5a5a5a;}
.location a:hover,#location1 .location a.current{color: #0786fc;}
/*------------------------分页------------------------*/
.page{clear:both;padding: 30px 0;text-align: center;line-height: normal;background: #fff;}
.pagenum,.pageup,.pagenext,.pagedown,.page .current,.page .pageinfo,.total,.pagefirst,.pageend,.pagepreall,.pagenextall{background: #fff;padding: 4px 10px;margin: 0 2px;border: 1px solid #c8c8c8;border-radius: 5px;font-size: 14px;color: #333;transition: all .5s;}
.page .current,.page a:hover{background: #0786fc;border-color: #0786fc;color: #fff;}
/*.pageup,.pagedown{margin: 0 20px;}
.page .pageup,.pagenext,.pagedown{display: inline;margin: 0 2px;padding: 4px 16px;border: none;color: #333;font-size: 14px;}*/
/*.page .pageinfo,.total,.pagefirst,.pageend,.pagepreall,.pagenextall{display: none;}*/
/*正文*/
.ChannelContent{font-size: 15px;color: #636363;line-height:1.8em;width: 1200px;max-width: 1200px;display: block;}
.ChannelContent img{max-width: 1200px;height: auto!important;margin: 12px 0;}
.ChannelContent p{font-size: 15px;color: #636363;line-height:1.8em;margin: 12px 0;}
.ChannelContent p img{margin-left: 0em;text-indent: 0;}
.ChannelContent p span img{display:inline-block;text-indent: 0;}
.ChannelContent span img{margin-left: 0em;display:inline-block;}
.ChannelContent span {margin-left: 0em;line-height:1.8em;}
.ChannelContent p span {text-indent: 0em;}
.ChannelContent880{width: 880px;max-width: 880px;}
.ChannelContent880 img{max-width: 880px;}
/*上下页*/
.fanye{overflow: hidden;padding: 0 30px;}
.Previous,.Next{font-size: 15px;color: #636363;width: 49%;float: left;display: inline-block;overflow: hidden;white-space: nowrap;}
.Previous{margin-right: 2%;}
.Next a,.Previous a{font-size: 15px;color: #636363;}
.Next b,.Previous b{color: #636363;font-weight: normal;}
.Next:hover a,.Previous:hover a,.Next:hover b,.Previous:hover b{color: #0786fc;}
.fanye2{padding: 0 20px;}
.fanye2 .Next{text-align: right;}
.fanye2 .Next i,.fanye2 .Previous i{background: url(../images/arrow2.png) no-repeat;width: 13px;height: 9px;overflow: hidden;display: inline-block;margin-right: 10px;}
.fanye2 .Next i{background-position: -13px 0;margin-right: 0;margin-left: 10px;}
.fanye2 .Previous:hover i{background-position: 0 -9px;}
.fanye2 .Next:hover i{background-position: -13px -9px;}
/*内容*/
.content{width: 1200px;margin: 0 auto;}
/*--------------------------- 公共样式 结束-----------------------------------*/
/*--------------------------- 首页样式 开始-----------------------------------*/
.indexAdv{width: 100%;max-width: 1920px;overflow: hidden;text-align: center;}
.indexAdv img{width: 100%;}
/*---------------------- 首页版块1 科瑞莱创新产品 修饰  --------------------------------------------*/
.h2Index{text-align: center;}
.h2Index .title{font-size: 38px;color: #3b3b3b;}
.h2Index .title:before,.h2Index .title:after{display: inline-block;content: '';width: 60px;height: 1px;background: #d8d8d8;margin: 15px 25px;}
.h2Index .subhead{font-size: 15px;color: #3b3b3b;}
.index1Body{width: 900px;}
.index1Tit{border-bottom: 1px solid #b1b1b1;}
.index1Tit a{display: block;width: 100%;height: 33px;ine-height: 35px;}
.index1Tit .title{height: 35px;ine-height: 33px;font-size: 18px;padding-bottomt: 10px;border-bottom: 2px solid #0786fc;color: #424242;}
.index1Tit .subhead{margin-left: 5px;font-size: 14px;font-family: Arial;}
.index1Tit .more{font-size: 16px;color: #a1a1a1;}
.index1Tit .more:hover{color: #0786fc;}
.index1TMain{position:relative;width: 100%;padding: 15px;background: #f9f9f9;height: 390px;overflow:hidden;}
.index1TMain .picBorder{border:  1px solid #dcdcdc;overflow: hidden;}
.index1TMain .picBorder,.index1TMain .bd img{width: 390px;height: 360px;display:block;}
.index1TMain .main{position: relative;background: #0786fc;width: 480px;height: 360px;padding: 25px 30px 0 30px;}
.index1TMain .title{font-size: 22px;color: #fff;font-weight: bold;}
.index1TMain .subhead{display: inline-block;margin-top: 15px;padding: 5px 20px;background: #8cd21a;font-size: 18px;color: #fff;}
.index1TMain .description{margin-top: 15px;height: 170px;overflow: hidden;}
.index1TMain .description li{line-height: 2em;font-size: 14px;color: #fff;padding-left: 15px;background: url(../images/lingxing2.png) no-repeat left 12px;}
.index1TMain .zixun,.index1TMain .more{position: absolute;left: 0;bottom: 0;width: 48%;background: #8cd21a;color: #424242;font-size: 16px;text-align: center;line-height: 40px;height: 40px;}
.index1TMain .zixun{left: auto;right: 0;}
.index1TMain .prev,.index1TMain .next{position: absolute;left: 0;top: 50%;margin-top: -55px; display:block;width:45px;height:110px;background: url(../images/arrowL.png); }
.index1TMain .next{left: auto;right: 0;background: url(../images/arrowR.png);}
.index1BMain{position: relative;}
.index1BBody{padding-left: 20px;overflow: hidden;}
.index1BBody .bd li{margin-right: 20px!important}
.index1BMain .prev,.index1BMain .next{position: absolute;left: 0;top: 50%;z-index: 22;margin-top: -55px; display:block;width: 72px;height: 33px;background: url(../images/arrowL.jpg);}
.index1BMain .next{left: auto;right: 0;background: url(../images/arrowR.jpg);}
/*--------------------------- 首页版块2 我们可以为您做什么 修饰-----------------------------------*/
.index2{background: #f9f9f9;padding: 40px 0;height:650px;}
.index2ConTit a{display: block;font-size: 18px;color: #686868;}
.index2ConTit li{display: flex;width: 240px;height: 70px;background: #dadada;align-items: center;justify-content: center;margin-bottom: 9px;}
.index2ConLTit li:last-child,.index2ConRTit li:last-child{margin-bottom: 0;}
.index2ConTit li.on{background: #0282e0;}
.index2ConTit li.on a{color: #fff;}
.index2ConMain{position: absolute;top: 0;left: 50%;width: 680px;margin-left: -340px;}
.index2ConMain li{position: relative;width: 680px;height: 465px;}
.index2ConMain .main{position: absolute;bottom: 1px;left: 0;width: 680px;height: 105px;background: rgba(0,0,0,.6);color: #fff;padding: 15px 20px;}
.index2ConMain a{font-size: 0;}
.index2ConMain img{width: 680px;height: 465px;}
.index2ConMain .title{font-size: 18px;}
.index2ConMain .description{font-size: 14px;height: 20px\0;overflow: hidden;}
/*--------------------------- 首页版块3 科瑞莱4大优势 修饰-----------------------------------*/
.index3Con{background: url(../images/index3Bg.jpg) no-repeat;}
.index3Con .nLi{position: relative;margin-top: 100px;}
.index3Con .nLi:nth-of-type(2){margin-top: 80px;}
.index3Con .nLi:nth-of-type(3){margin-top: 0px;}
.index3Con .nLi:nth-of-type(odd) .body,.index3Con .nLi:nth-of-type(even) .pic{float: left;width: 540px;}
.index3Con img{max-height: 410px;}
.index3Con .nLi:nth-of-type(even) .body,.index3Con .nLi:nth-of-type(odd) .pic{float: right;width: 580px;}
.index3Con .body{position: absolute;top: 50%;transform: translateY(-50%);}
.index3Con .nLi:nth-of-type(even) .body{right: 0;}
.index3Tit .num{position: relative;width: 55px;border: 2px solid #bababa;margin-right: 15px;font-size: 38px;color: #515151;font-family: Arial;text-align: center;line-height: 90px;}
.index3Tit .num:after{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);content: "";background: #bababa;width: 60%;height: 2px;}
.index3Tit .details{width: 85%;padding-top: 10px;}
.index3Tit .title{width: 100%;font-size: 24px;color: #424242;}
.index3Tit .title em{font-size: 30px;color: #0786fc;font-weight: bold;}
.index3Tit .subhead{display: inline-block;font-size: 15px;color: #9f9f9f;font-family: Arial;padding-bottom: 10px;border-bottom: 3px solid #0786fc;}
.index3Con .main{padding: 20px 0;}
.index3Con .main li{background: url(../images/lingxing.png) no-repeat left 12px;padding-left: 15px;font-size: 15px;color: #5b5a5a;line-height: 2em;}
.index3Con .main li em{color: #0786fc;}
/*--------------------------- 首页版块4 科瑞莱服务流程 修饰-----------------------------------*/
.index4{background: url(../images/index4Bg.jpg) no-repeat center center;padding: 70px 0 40px 0;}
.index4Con li{position:relative;float: left;width: 200px;padding: 0 10px;text-align: center;color: #fff;}
.index4Con li:last-of-type{margin-right: 0;}
.index4Con li img{width: 98px;height: 98px;transition: all ease .5s;}
.index4Con li .title{margin-top: 20px;font-size: 18px;}
.index4Con li .description{font-size: 16px;}
/*--------------------------- 首页版块5 科瑞莱与客户一起成长 修饰-----------------------------------*/
.multipleLine{position:relative;width:1200px;margin: 0 auto;}
.multipleLine .hd .prev,.multipleLine .hd .next{position: absolute;left: 50%;margin-left: -65px;bottom: -23px;z-index: 1;display:block;width:46px;height:46px;overflow:hidden;cursor:pointer;background: url(../images/arrow3.png) no-repeat;-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.multipleLine .hd .next{margin-left: 20px;background-position: -46px 0;  }
.multipleLine .hd a:hover{-webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  filter: grayscale(0);  filter: none;}
.multipleLine .bd{height:370px; overflow:hidden;  }
.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;  }
.multipleLine .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleLine .bd ul li .pic{ text-align:center; }
.multipleLine .bd ul li .pic img{width:240px; height:185px; display:block;border:1px solid #ccc;}
/*.multipleLine .bd ul li .pic:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);  -ms-filter: grayscale(0);  filter: grayscale(0);filter: none;}*/
/*--------------------------- 首页版块6 关于科瑞莱 修饰-----------------------------------*/
.index6{background: #f7f7f7 url(../images/index6Bg.jpg) no-repeat center top;padding: 40px 0 30px 0;}
.index6TCon{width: 1015px;margin: 30px auto;padding: 30px 55px;background: #fff;text-align: center;}
.index6TCon a{display: block;width: 100%;}
.index6TCon .title{font-size: 24px;color: #0786fc;font-weight: bold;}
.index6TCon .description{font-size: 15px;color: #636363;}
.index6TCon .description:after{content: '【了解更多】';color: #0786fc;}
.index5TLCon .more{width: 165px;height: 42px;line-height: 42px;text-align: center;background: #fdc106;border-radius: 42px;font-size: 16px;color: #fff;}
.index6BCon{padding-top: 35px;margin-top: -1px;}
.index6BConTit{position: relative;left: 50%;width: auto;display: inline-block;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
.index6BConTit li{float: left;width: 145px;height: 45px;background: #999;text-align: center;line-height: 45px;font-size: 18px;color: #fff;margin-right: 15px;}
.index6BConTit li:last-of-type{margin-right: 0;}
.index6BConTit li:first-of-type:before,.index6BConTit li:last-of-type:after{content: "";position: absolute;top: 21px;left: 0;transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);height: 1px;background: #b2b2b2;width: 380px;}
.index6BConTit li:last-of-type:after{left: auto;right: 0;transform: translateX(100%);-moz-transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform: translateX(100%);-ms-transform: translateX(100%);}
.index6BConTit li a{display: block;color: #fff;}
.index6BConTit li.on,.index6BConTit li.current{background: #8cd21a;}
.index6BConBody{position: relative;width: 1200px;overflow: hidden;padding: 0 100px;}
.index6BConMain .current{display: block;}
.tabbody li:hover,.tabbody li.current{display: block;}
.index6BConBody .prev,.index6BConBody .next{position: absolute;z-index: 1;left: 70px;top: 65px;width: 71px;height: 31px;cursor: pointer;background: url(../images/arrowL.jpg) no-repeat;}
.index6BConBody .next{background: url(../images/arrowR.jpg) no-repeat;left: auto;right: 70px;}
.index6BConBody .bd ul{overflow: hidden;zoom: 1;}
.index6BConBody .bd ul li{margin: 0 8px;float:left; _display:inline;overflow:hidden;text-align:center;  }
.index6BConBody .pic{width: 235px;height: 330px;display: block;}
.index6BConBody .title{font-size: 16px;color: #636363;margin-top: 10px;}
/* 本例子css */
.slideGroup .slideBox{ overflow:hidden; zoom:1;position:relative;}
.slideGroup .sPrev,.slideGroup .sNext{position: absolute;z-index: 1;left: 70px;top: /*65px*/  150px;width: 71px;height: 31px;cursor: pointer;background: url(../images/arrowL.jpg) no-repeat;}
.slideGroup .sNext{background: url(../images/arrowR.jpg) no-repeat;left: auto;right: 70px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .parBd ul li .pic{ text-align:center;}
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;}
.slideGroup .parBd ul li .title{ line-height:24px;}
/*--------------------------- 首页版块6 新闻资讯 修饰-----------------------------------*/
.index7Tit{height: 28px;line-height: 28px;text-align: center;}
.index7Tit li,.index7Tit .all{display: inline-block;padding: 0 30px;}
.index7Tit h3,.index7Tit .all{font-size: 16px;color: #2f2f2f;}
.index7Tit li:hover h3,.index7Tit li.on h3,.index7Tit .all:hover{color: #0786fc;}
.index7Tit li:after{content: "/";font-size: 20px;position: relative;right: -30px;color: #d1d0d0;}
.index7Main li{position: relative;float: left;width: 385px;height: 370px;margin-right: 22px;}
.index7Main li:nth-of-type(3n){margin-right: 0;}
.index7Main .picBorder,.index7Main img{width: 385px;height: 215px;overflow: hidden;}
.index7Main .title{margin-top: 30px;font-size: 18px;color: #1b1b1b}
.index7Main .description{margin-top: 15px;font-size: 14px;color: #636363}
.index7Main .data{position: absolute;left: 0;top: 0;background: rgba(6,139,234,.8);width: 75px;height: 75px;text-align: center;padding-top: 8px;font-size: 15px;color: #fff;font-family: Arial;}
.index7Main .data em{display: block;font-size: 24px;}
.index7Main .more{position: absolute;bottom: 0;left: 0;font-size: 16px;color: #adadad;font-family: Arial;}
.index7Main li:hover .more{color: #8cd21a;}
/*--------------------------- 首页样式 结束-----------------------------------*/
/*--------------------------- 内页样式 开始-----------------------------------*/
/*产品列表*/
.leftNav{width: 275px;border: 2px solid #0786fc;padding: 24px 20px;}
.leftNavTit{position: relative;width: 100%;padding: 15px 0;background: #0786fc;text-align: center;font-size: 30px;color: #fff;font-weight: bold;}
.leftNavTit .subhead{margin-left: 5px;font-size: 18px;color: #fff;font-family: Arial;}
.leftNavTit:after{position: absolute;left: 25px;bottom: -10px;content: '';border-top: 10px solid #0786fc;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.leftNavCon .title{display: block;width: 100%;height: 40px;line-height: 40px;background: #8cd21a;padding: 0 20px;cursor: pointer;margin-top: 25px;font-size: 16px;color: #fff;}
.leftNavCon .nLi:hover .title,.leftNavCon .current .title{background: #8cd21a;}
.leftNavCon .title a{display: inline-block;width: 170px;color: #fff;}
.leftNavCon .icon{float: right;display: block;width:18px; height:40px;background:url(../images/xiala.png) center center no-repeat;cursor: pointer;transition: all .5s;}
.leftNavCon em.on{-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.leftNavSub{padding: 10px;}
.leftNavSub li{background: url(../images/lis.jpg) no-repeat left center;padding-left: 15px;height: 40px;line-height: 40px;border-bottom: 1px dashed #bcbcbc;}
.leftNavSub li a{display: block;width: 100%;font-size: 16px;color: #636363;}
.leftNavBot{width: 100%;margin-top: 20px;}

.leftNavBTit{width: 100%;height: 50px;background: #0786fc;/*border-radius: 10px 10px 0 0;*/text-align: center;color: #fff;font-size: 24px;line-height: 50px;}
.leftNavBTit .title{font-size: 24px;}
.leftNavBMain{width: 100%;/*border: 1px solid #d9d9d9;border-top: none;padding: 10px 10px 20px 10px;*/}
.leftNavBMain .pic{width: 100%;margin: 10px 0;}
.leftNavBMain li{width: 100%;line-height: 2em;color: #636363;font-size: 15px;}


.chanProdCon{width: 900px;}
.chanProdTit{font-size: 22px;color: #2c2c2c;border-bottom: 1px solid #b1b1b1;line-height: 2em;}
.chanProdTit span{border-bottom: 2px solid #0786fc;margin-bottom: -1px;}
.chanProdBody li{float: left;width: 280px;margin-right: 20px;margin-bottom: 30px;}
.chanProdBody li:nth-of-type(3n){margin-right: 0;}
.chanProdBody .picBorder,.chanProdBody img{width: 280px;height: 270px;}
.chanProdBody .picBorder{border: 1px solid #dcdcdc;overflow: hidden;}
.chanProdBody .title{margin-top: 15px;text-align: center;font-size: 16px;color: #424242;}
/*案例列表*/
.chanCaseBody li{position: relative;float: left;margin-right: 20px;margin-bottom: 30px;border: 1px solid #cdcdcd;padding: 8px;width: 286px;height: 210px;}
.chanCaseBody li:nth-of-type(3n){margin-right: 0;}
.chanCaseBody img{width: 270px;height: 194px;}
.chanCaseBody .title{position: absolute;bottom: -20px;left: 20px;width: 240px;height: 40px;text-align: center;line-height: 40px;background: #d8d7d7;font-size: 16px;color: #424242;}
/*新闻动态*/
.chanNavCon{position: absolute;right: 0;bottom: 2px;height: 70px;line-height: 68px;}
.chanNavCon li{float: left;}
.chanNavCon a{display: block;width: 100%;padding: 0 15px;font-size: 16px;color: #686868;border-bottom: 2px solid transparent;transition: all .5s;}
.chanNavCon li:hover a,.chanNavCon li.current a{border-bottom: 2px solid #0786fc;color: #0786fc;}
.chanNewsCon li{padding: 40px 30px 40px 40px;background: #f7f8fa;margin-bottom: 30px;}
.chanNewsCon .picBorder,.chanNewsCon img{width: 295px;height: 175px;overflow: hidden;}
.chanNewsCon .picBorder{margin-right: 30px;}
.chanNewsCon .body{position: relative;width: 805px;height: 175px;font-size: 14px;color: #636363;}
.chanNewsCon .title{font-size: 20px;color: #555;height: 28px\9;overflow: hidden\9;}
.chanNewsCon .description{margin-top: 20px;height: 42px\9;overflow: hidden\9;}
.chanNewsCon .date{position: absolute;left: 0;bottom: 50px;}
.chanNewsCon .more{position: absolute;left: 0;bottom: 0;width: 145px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #0786fc;color: #0786fc;}
/*案例详情*/
.h2xiang{text-align: center;padding: 20px 0;background: #f9f9f9;}
.h2xiang h2{font-size: 24px;color: #292929;font-weight: bold;}
.h2xiang p{font-size: 14px;color: #676767;margin-top: 15px;}
.detailCaseLCon{width: 885px;}
.goback{display: block;width: 120px;height: 40px;background: #0786fc;margin: 30px auto;line-height: 40px;text-align: center;font-size: 14px;color: #fff;transition: all .5s;}
.goback:hover{color: #fff;}
.detailCaseRCon{background: #f9f9f9;padding-bottom: 50px;width: 255px;}
.detailCaseRTit{background: #0786fc;width: 255px;height: 45px;line-height: 45px;text-align: center;color: #f9f9f9;font-size: 24px;}
.detailCaseRTCon li,.detailCaseRTCon img,.detailCaseRTCon .picBorder{width: 217px;height: 151px;overflow: hidden;}
.detailCaseRTCon li{position: relative;margin: 20px auto 0 auto;}
.detailCaseRTCon .title{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff;}
.detailCaseRBCon{font-size: 14px;color: #0786fc;text-align: center;}
.detailCaseRBTit{border-bottom: 1px solid #cacaca;padding-bottom: 15px;font-size: 20px;color: #0786fc;text-align: center;}
.detailCaseBTit{position: relative;width: 100%;text-align: center;background: #fff;font-size: 24px;font-weight: bold;color: #484848;}
.detailCaseBTit:before,.detailCaseBTit:after{position: absolute;content: "";background: #bababa;height: 1px;width: 500px;top: 18px;left: 0;}
.detailCaseBTit span:before,.detailCaseBTit span:after{position: absolute;content: "";background: #0786fc;width: 126px;height: 5px;top: 16px;left: 0;z-index: 1;}
.detailCaseBTit:after,.detailCaseBTit span:after{left: auto;right: 0;}
.detailCaseBCon li{width: 390px;height: 280px;margin-right: 15px;}
.detailCaseBCon .picBorder,.detailCaseBCon img{width: 388px;height: 278px;}
.detailCaseBCon .picBorder{border: 1px solid #dadada;}
.detailCaseBCon .title{font-size: 18px;color: #636363;}
/*新闻资讯详情*/
.NewsTuijian{width: 100%;border: 1px solid #cccccc;padding: 35px 25px;}
.NewsTuijianTit{position: relative;overflow: hidden;font-size: 24px;font-weight: bold;color: #333333;}
.NewsTuijianTit:after{position: absolute;top: 20px;content: "";width: 100%;height: 1px;background: #ccc;margin-left: 5px;}
.NewsTuijianCon li{position: relative;overflow: hidden;}
.NewsTuijianCon .title{white-space: nowrap;line-height: 40px;font-size: 14px;color: #636363;height: 30px\9;overflow: hidden\9;}
.NewsTuijianCon .date{position: absolute;right: 0;top: 0;background: #fff;height: 40px;line-height: 40px;padding-left: 10px;font-size: 14px;color: #636363;}
.NewsTuijianCon li:hover .title,.NewsTuijianCon li:hover .date{color: #0786fc;}
.detailNewsRMain{padding: 0 15px;}
.detailNewsRTCon li{padding: 15px 0;border-bottom: 1px dashed #9c9b9b;}
.detailNewsRTCon li:nth-last-of-type(1){border-bottom: none;}
.detailNewsRTCon .picBorder,.detailNewsRTCon img{width: 110px;height: 75px;overflow: hidden;}
.detailNewsRTCon .title{width: 115px;height: 40px;margin-top: 15px;font-size: 14px;color: #5a5959;padding-left: 10px;}
.detailNewsRMCon{border-top: 1px dashed #a7a7a7;border-bottom: 1px dashed #a7a7a7;padding: 20px 0;}
.detailNewsRMCon li{overflow: hidden;transition: all .5s;padding: 10px 0;line-height: 1em;white-space: nowrap;}
.detailNewsRMCon li:last-of-type{margin-bottom: 0;}
.detailNewsRMCon li a{color: #676767;font-size: 14px;}
.detailNewsRMCon li i{width: 18px;height: 18px;text-align: center;line-height: 18px;display: inline-block;background: #a9a9a9;color: #fff;margin-right: 10px;}
.detailNewsRMCon li:hover i{background: #113f93;}
/*产品详情*/
.detailProdCon{border: 1px solid #e3e3e3;padding: 15px;}
.detailQgbsTLCon{width:400px;overflow:hidden;}
.large_box{margin-bottom:10px;width:400px;height:400px;overflow:hidden;}
.large_box img{display:block;width:400px;height:400px;}
.small_box{width:400px;height: 100px;overflow:hidden;margin: 0 auto;}
.small_list{position:relative;float:left;width:340px;height: 100px;overflow:hidden;}
.small_list ul{height: 100px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:94;}
.small_list ul li img{display:block;width: 100px;height: 100px;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;height: 100px;}
.small_list ul li.on img{border: 2px solid #009d4e;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:24px;height: 100px;background-color:#eaeaea;cursor:pointer;color: #272636;text-align: center;line-height: 88px;font-size: 36px;}
.btn:hover{color: #fdc106;}
.left_btn{float:left;margin-right:10px;}
.right_btn{float:right;}
.detailProdTRCon{position: relative;width: 720px;height: 400px;margin-left: 25px;font-size: 14px;color: #696969;}
.detailProdTRCon h2{font-size: 24px;color: #484848;margin-top: 55px;padding-bottom: 20px;border-bottom: 1px dashed #c2c2c2;font-weight: bold;}
.detailProdTRCon .description{margin-top: 15px;font-size: 14px;color: #636363;line-height: 2em;}
.detailProdTRCon .description li em{font-weight: bold;color: #1463f8;font-size: 16px;}
.detailProdTRCon .zixun{position: absolute;bottom: 0;left: 0;}
.detailProdTRCon .zixun span{float: left;width: 300px;height: 60px;background: #0786fc url(../images/channelbg3.png) no-repeat 50px center;padding: 5px 0 5px 100px;font-size: 16px;color: #fff;margin-right: 5px;}
.detailProdTRCon .zixun em{font-size: 20px;font-family: Arial;}
.detailProdTRCon .zixun a{width: 125px;height: 60px;text-align: center;line-height: 60px;background: #8cd21a;font-size: 18px;color: #fff;}
.h3channelCon{font-size: 20px;color: #fff;background: #0786fc;height: 45px;line-height: 45px;padding-left: 5px;}
.h3channelCon span{border-left: 4px solid #fff;padding-left: 15px;}
.detailProdBCon{border: 1px solid #d5d5d5;padding-bottom: 20px;}
.detailNewsRTCon2 li,.detailNewsRTCon2 img,.detailNewsRTCon2 .picBorder{width: 217px;height: 151px;overflow: hidden;}
.detailNewsRTCon2 li{position: relative;margin: 20px auto 0 auto;}
.detailNewsRTCon2 .title{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff;}
.detailNewsRBCon2{border-top: none;}
.detailCaseBCon li{width: 390px;height: auto;margin-right: 15px;}
.detailCaseBCon .picBorder,.detailCaseBCon img{width: 390px;height: 280px;}
/*荣誉资质-关于我们*/
.chanHonorCon{position: relative;padding: 0 100px;overflow: hidden;}
.chanHonorCon .hd{position: absolute;left: 0;top: 50%;width: 100%;margin-top: -12px;}
.chanHonorCon .hd a{background: #1463f8 url(../images/arrowL2.png) no-repeat center center;width: 60px;height: 60px;overflow: hidden;transition: all .4s;}
.chanHonorCon .hd .prev{float: right;background: #1463f8 url(../images/arrowR2.png) no-repeat center center;}
.chanHonorCon .bd{position: relative;padding: 0;overflow: hidden;}
.chanHonorCon .picList li{width: 320px;height: 250px;background: #fff;margin-right: 20px;text-align: center;border: 1px solid #dddddd;}
.chanHonorCon .picList img{height: 210px;max-width: 300px;margin-top: 20px;}
.imgModal{position: fixed;top: 0;left: 0;z-index: 1000;background: rgba(0,0,0,.5);width: 100%;height: 100%;}
.imgModal img{position: absolute;top: 50%;left: 50%;max-width: 1200px;border: 6px solid #fff;padding: 10px;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
/*联系我们*/
.contactTop{background: url(../images/kefu.png) no-repeat left center;height: 236px;padding-top: 60px;padding-left: 270px;font-size: 16px;color: #696969;letter-spacing: 1px;line-height: 1.8em;}
.contactTop i{background: url(../images/hi.png) no-repeat left bottom;width: 31px;height: 25px;}
.contactBot{background: #f7f7f7;width: 100%;height: 500px;font-size: 16px;color: #3a3a3a;line-height: 1.8em;}
.ditu{width: 630px;border: 1px solid #b9b9b9;height: 500px;}
.contactCon h2{background: #0786fc;letter-spacing: 2px;font-size: 24px;font-weight: bold;color: #fff;text-align: center;height: 95px;line-height: 95px;width: 570px;}
.contactCon li{padding: 30px 35px 30px 100px;}
.contactCon li:first-child{border-bottom: 1px dashed #c7c6c6;background: url(../images/addr.png) no-repeat 35px 34px;}
.contactCon li:last-child{border-top: 1px dashed #e8e7e7;background: url(../images/tel.png) no-repeat 35px 34px;}
.contactCon li strong{color: #f54336;}
/*火狐文本溢出隐藏*/
@-moz-document url-prefix() {

}